
<style type="text/css">
/* 0003 */
* { margin: 0; padding: 0; font: 11px/1.75em Verdana, Tahoma, arial, sans-serif; }
body, #wrap {font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color: #666666; background:  #f3ebe0 url(http://21w.cms/public/skins/0003/ramki/000_000000/body-bg.jpg ) repeat-x; text-align: center; margin: 0 0 15px 0; }
/* links */
a, a:visited { color: #326ea1; background: inherit; text-decoration: none; }
a:hover { color: #326ea1; background: inherit; padding-bottom: 0; border-bottom: 1px solid #306495; }
/* ramki */
#wrap { position: relative; width: 920px; margin: 0 auto; text-align: left;	background: #edf8c7 url(http://21w.cms/public/skins/0003/ramki/000_000000/content.jpg) repeat-y center top;	}
#header { position: relative;  width: 920px; margin: 0 auto; height: 93px;	padding: 0;  background: #317cb1 url(http://21w.cms/public/skins/0003/ramki/000_000000/header-bg.jpg) repeat-y center top;}
#footer-wrap { clear: both; width: 920px; font-size: 95%; padding: 5px 0 25px 0; text-align: left; background: /*tu nie dawać koloru*/ url(http://21w.cms/public/skins/0003/ramki/000_000000/footer-bottom.jpg) no-repeat center bottom; }
/* header-photo */
#header-baner{ width_: 920px; margin: 0 auto; padding: 0 30px; }
#header-photo { margin: 0px auto; margin-bottom: 0px; padding: 0; height: 100px; width: 860px; background:  url(http://21w.cms/public/users/21w.cms/header-photo.jpg) no-repeat center center; }
#header-photo h1#logo-text a { position: absolute; margin: 0; padding: 0; font: bold 48px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -1px; color: #fff; text-transform: none; text-decoration: none; border: none;
/* change the values of top and left to adjust the position of the logo*/
top: 25px; left: 30px; }
#header-photo h2#slogan { position: absolute; margin: 0; padding: 0; font: bold 14px 'Trebuchet MS', Arial, Sans-serif; text-transform: none; color: #B6D1F8;
/* change the values of top and left to adjust the position of the slogan*/
top: 75px; left: 35px; }
/* Navigation */
#nav { clear: both; padding: 0; margin: 0; }
#nav ul { float: left; list-style: none; background: #0e609e; width: 860px; padding: 5px 0;	margin: 0 0 0 30px; display: inline; text-transform: uppercase; }
#nav ul li { display: inline; margin: 0; padding: 0 ; }
#nav ul li a { display: block; float: left; width: auto; margin: 0; padding: 0 15px; border-bottom: none; letter-spacing: -0.5px; color: #efefef; font: bold 14px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; text-transform: none; text-decoration: none; }
#nav ul li a:hover,	#nav ul li a:active { color: #ffcc33; }
#nav ul li#current a { background: #0c4e80; }	
/* tło treści*/
#content-wrap { float: left;	width: 860px; margin-left: 30px; display: inline; padding: 0; border-top: 5px solid #fff; background:  #edf8c7 url(/*cssfiles: (secure) 'http://21w.cms/public/skins/0003/ramki/000_000000/content-wrap.jpg' not in skins directory*/ ) no-repeat; }
/* headers */
h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; }
h1 { font-style: normal;; color: #3f3f3f ; font-size: 1.8em; padding: 10px 0 2px 0px; border-bottom: 1px solid #ffffff;	}
h2 { font-style: normal;; color: #5f5f5f ; font-size: 1.6em; padding: 15px 0 2px 0px; border-bottom: 1px solid #efefef;	}
h3 { font-style: normal;; color: #6f6f6f; font-size: 1.4em; padding: 15px 0 2px 0px; border-bottom: 1px solid #dfdfdf;	}
h4 {	font-style: normal;; color: #000000; font-size: 1.4em; border-bottom: 1px solid #000000;}
h1, h2, h3, h4, p { padding: 5px 0px; margin: 0px 0px; }
#main h1,#rightcolumn h1, #sidebar h1 { margin: 10px 0px 3px 0px;	font-style: normal;; font-size: 1.8em; color: #3f3f3f; padding: 15px 0 2px 0px; border-bottom: 1px solid #ffffff;	}
/*#rightcolumn h1, #sidebar h1 { margin: 10px 0px 0 0px; padding: 5px 0px;	font-style: normal;; font-size: 1.8em; color: #3f3f3f ; }*/	



/* Top Elements */
ul, ol { margin: 5px 20px;	padding: 0 20px; }
/* images */ 
img { background: none;  border: none;	padding: 5px 5px 5px 0px; }
img.float-right { margin: 5px 0px 3px 10px; }
img.float-left { margin: 5px 5px 5px 0px; }
.date {background:url(date_bg.gif) no-repeat 0 0; padding:2px 0 2px 22px; color:#444444;}
/* start - table */
table {	border-collapse: collapse;	margin: 10px; }
th strong {	color: #fff; }
th { height: 29px;	padding-left: 12px;	padding-right: 12px; text-align: left;	border-left: 0px solid #f4f4f4;	border-bottom: solid 0px #fff;	color: #333; }
tr { height: 30px; }
td { padding-left: 11px; padding-right: 11px; border-left: 0px solid #fff; border-bottom: 0px solid #fff; }
td.first,th.first { border-left: 0px; }
tr.row-a { background: #F8F8F8; }
tr.row-b { background: #EFEFEF; }
/* form elements */
form { margin: 15px 10px;	padding: 5px 10px 20px 10px;	border: 1px solid #D8E99E;	background: #deedae; }
label {display: block;	font-weight: bold;	margin: 8px 0 5px 0;	color: #895F30; }
input, textarea, select {padding: 4px;	color: #666666;		background: #fff;	  	border-width: 1px;  	border-style: solid;  	border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;		font: normal 11px Verdana, sans-serif;}
textarea {width: 400px;	height: 100px;	display: block; }
input.button { font: bold 12px Arial, Sans-serif;	height: 30px;	margin: 0;	padding: 2px 3px;	color: #fff;	background: #A6CD56;	border-width: 1px;  	border-style: solid;  	border-color: #C4DE8F #8DB836 #8DB836 #C4DE8F;}/* search form */.searchform { background-color: transparent;	border: none; margin: 0 5px 0 10px; padding: 5px 0 15px 0;	width: 190px; }

.searchform p { margin: 0; padding: 0; }
.searchform input.textbox { width: 100px; color: #777; height: 18px; padding: 2px; 	border: 1px solid #E5E5E5;	vertical-align: top; }
.searchform input.button { 	width: 60px;	height: 24px;	padding: 2px 5px;	vertical-align: top; }
/*  LAYOUT */ 
/* header links */
#header #header-links { position: absolute;	top: 30px; right: 45px;	color: #fff;	font-size: 10px;	font-weight: bold; }
#header #header-links p { padding: 0; margin: 0; }
#header #header-links a { color: #fff;	text-decoration: none; }
#header #header-links a:hover {	color: #ff0000; }
/* Main Column */
.three-col #main { margin: 10px 195px 0 200px; }
.two-col #main { margin: 10px 10px 0 200px; }
.two-colr #main { margin: 10px 210px 0 10px; }
.one-col #main { margin: 10px 10px 0 10px; }
/* Sidebar */	
#sidebar { float: left;	width: 195px; margin-top: 10px; padding: 0;}	
/* right column */
#rightcolumn { float: right; width: 190px; margin-top: 10px; }
/* #sidebar */
#sidebar ul { text-align: left;	margin: 0px; padding: 0; border-top: 0px solid #E5E5E5; text-decoration: none; background: transparent; }
#sidebar ul li.top,#sidebar ul li.bot { list-style:none; none; padding: 0px 0px 0px 10px;  background: none; }
* html body #sidebar ul li { height: 1%; }
#sidebar ul li { list-style: none; list-style-position: inherit;  padding: 0px 0px 0px 10px; background: url(li.gif) no-repeat 3px 7px; }
#sidebar a {text-decoration: none; background: transparent; font-size: 105%;}
#sidebar a:hover { text-decoration: none; background: transparent; }
.stan0{ display: block; }
.stan1{	display: none; }
/* #rightcolumn */
#rightcolumn ul { text-align: left;	margin: 0px; padding: 0; border-top: 0px solid #E5E5E5; text-decoration: none; background: transparent;}
#rightcolumn ul li.top,#rightcolumn ul li.bot { list-style:none; none; padding: 0px 0px 0px 10px;  background: none; }
* html body #rightcolumn ul li { height: 1%; }
#rightcolumn ul li { list-style: none; list-style-position: inherit;  padding: 0px 0px 0px 10px; background: url(li.gif) no-repeat 3px 7px; }
#rightcolumn a {text-decoration: none; background: transparent;}
#rightcolumn a:hover { text-decoration: none; background: transparent; }
.stan0{ display: block; }
.stan1{	display: none; }
/* footer-wrap */
#footer-wrap a { text-decoration: none; color: #ffffff;	font-weight: bold; }
#footer-wrap a:hover { color: #ffffff; }
#footer-wrap p { padding: 0px 0; }
#footer-wrap h2 { color: #ffffff; margin: 0; padding: 0 10px; }
/* footer */
#footer { clear: both; color: #ffffff; margin: 0 auto 10px auto;	width: 860px;	padding: 0px 0;	text-align: center;  }
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
/* display and additional classes */
.clear { clear: both; }

</style>
 
<div id="wrap">	<div id="header">	
						
	</div>		
	<div id="header-baner"><div id="header-photo"></div></div>	
	<div  id="nav">
		<ul>				
	<li >
	<a href="http://21w.cms/strona_glowna.html" target="_self">Strona główna</a>
	</li>
	<li id="current">
	<a href="http://21w.cms/szablony_stron_firmowych.html" target="_self">Szablony stron firmowych</a>
	</li>
	<li >
	<a href="http://21w.cms/kontakt.html" target="_self">Kontakt</a>
	</li>
	<li >
	<a href="http://21w.cms/pomoc.html" target="_self">Pomoc</a>
	</li>
	<li >
	<a href="http://21w.cms/galeria.html" target="_self">Galeria</a>
	</li>
</ul>
	</div>
	<div id="content-wrap" class="one-col"  >		
		<div id="main">
			<h1>Projekty graficzne stron firmowych</h1><div id="Allegro">
	<style type="text/css">
		/* kategorie */
		#Allegro ul {
			text-align: left;
			margin: 0px; 
			padding: 0;			
			border-top: none;
			text-decoration: none;	
		}
		#Allegro ul li {
			list-style: none;
			list-style-position: inherit;  padding: 0px 0px 0px 10px; background: url(http://21w.cms/public/skins/0003/li.gif) no-repeat 3px 7px;
			padding: 0px 0px 0px 15px;
		}
		* html body #Allegro ul li {
			height: 1%;
		}
		
		
		#Allegro a {text-decoration: none; background: transparent;}
		#Allegro a:hover { text-decoration: none; background: transparent;}
		
		#leftAllegro{ float: left; margin: 0; width: 21%; }
		#rightAllegro, #mainAllegro{	 float: right; margin: 0 auto; text-align: left; width: 75%; }
		#rightAllegro p, #mainAllegro p { float: left; padding: 5px;  }
		#mainAllegro{ width: 98%; }
		
		/* lista ofert */
		.oferta-lista{
			float: left; padding: 3px;  margin: 4px; width: 145px; height: 180px;
			border: solid 1px #AAAAAA;
			display: block;
			font-size: 92%; line-height: 10px;
			background: #F4EFEF;
			color: #333333;
			font-style: normal;
		}
		.oferta-lista h3 {
			font-size: 105%;
			font-style: normal;
			border-bottom: solid 1px  #AAAAAA;
			background: #AAAAAA;
			padding-left: 2px;	
			margin-bottom: 2px;	
			line-height: 11px;
		}
		.oferta-lista h3 a{
			color: #333333
		}
		.oferta-wiecej{
			position: absolute;
			margin-top: 166px;
			_margin-top: 158px;
			margin-left: -2px;
			background: #EFEFEF;
			width: 145px;
			_width: 141px;
			padding: 2px;
			
		}
		.oferta-wiecej a {
			color: #AAAAAA;
			font-size: 90%;
			line-height: 12px;
		}
		.oferta-tabela tr, .oferta-tabela td, .oferta-tabela th {
			border: none;
		}
		
		.thumbnail{
			cursor: pointer;
			background: #FFFFFF;
			background-position: center center;
			float: left	;
			visibility: visible;
			background-repeat: no-repeat; 
			margin-right: 2px;
			margin-left: 0px;
			margin-top: 2px;
			padding: 2px;
			border: solid 1px #EEEEEE;
		}
		.fullphoto{
			cursor: pointer;
			background: #FFFFFF;
			background-position: center center;
			float: left	;
			visibility: visible;
			background-repeat: no-repeat; 
			margin-right: 8px;
			margin-left: 0px;
			margin-top: 8px;
			padding: 2px;
			border: solid 1px #ed7474;
		}
		/* galeria */
		#oferta-galeria{
			float: left;
		}
		
		/* wyszukiwarka */
		#left-wyszukaj-oferte, #left-wyszukaj-oferte table {		
			margin: 0px;
		}
		#left-wyszukaj-oferte tr, #left-wyszukaj-oferte td {		
			border: none; padding: 0px;
		}
		#left-wyszukaj-oferte td input {	
		}		
	</style>
	



<script type="text/javascript">
$(document).ready(function(){
	$("input[type=file]").change( function() {
		// check input ($(this).val()) for validity here
		ext = ($(this).val());
		ext = ext.substring(ext.length-4,ext.length);
		ext = ext.toLowerCase();
		if(ext == 'jpeg' || ext == '.jpg') {
		}else{
			$(this).attr("value",null);		  
			alert("Proszę wybrać plik typu JPG");
	  }
	});
});
</script>	
<div id="mainAllegro">
	<h4>Kategoria &raquo; <a class="polozenie" href="http://21w.cms/szablony_stron_firmowych,,lista_ofert,1,rosliny_ozdobne.html">Rośliny ozdobne</a> </h4><table cellpadding="0" cellspacing="0" border="0" background="none" class="oferta-tabela">
<tbody>
<tr><td valign="top" width="100%">
	<h2>Polskie ogrody</h2>
	<div style="clear: both;"><p>Strona firmowa dla firm z branży ogrodniczej.</p></div>
	<div style="clear: both;"><p></p></div>
	<div style="clear: both;"><p></p></div>
	<div style="clear: both;"><p></p></div>
	<div id="oferta-galeria">
																				</div>
</td>
</tr>
</tbody>
</table></div></div>	
		</div>
	</div>		
	<div id="footer-wrap"><div id="footer">				
			<p>
			&copy; Sylwester Kowal <a href="http://www.21w.pl/">21w.pl</a> | <a href="http://www.pllq.pl/">pllq.pl</a> | <a href="http://www.dllb.pl/">dllb.pl</a> | <a href="http://www.dllb.eu/">dllb.eu</a> | <a href="http://xAllegro.pl">xAllegro.pl</a>
			 ver.: 1.0	pl					
			</p>			
	</div></div>
</div>
